<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>I'm QQ - 每一天，乐在沟通</title>
    <link rel="shortcut icon" href="favicon1.ico">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/download.css">
    <script src="js/common.js"></script>
    <script src="js/animate.js"></script>
    <script src="js/download.js"></script>
    <script src="jquery-1.12.4.js"></script>
</head>
<body>
    <!--   topbar   部分   start   -->
    <div class="topbar">
        <div class="toppic">
            <div class="topside fl">
                <a href="../../../index.html" class="logoLink fl">im.qq.com</a>
                <ul class="topNav fl" id="topNav">
                    <li>
                        <a href="../../../index.html">首页</a>
                    </li>
                    <li class="current">
                        <a href="download.html">下载</a>
                    </li>
                    <li>
                        <a href="../../album/album.html">动态</a>
                    </li>
                </ul>
            </div>
            <div class="topTool fr" id="topTool">
                <a href="#" target="_blank" class="topTool_register fl" id="topTool_register">注册</a>
                <ul>
                    <li>
                        <a href="../../QQPC/QQPC.html">登录</a>
                    </li>
                    <li>
                        <a href="safety.html">QQ安全</a>
                    </li>
                    <li>
                        <a href="../../../QQVIP/QQVIP_index/QQVIP_index.HTML">QQ会员</a>
                    </li>
                </ul>
                <div class="flashData">
                    <a href="#">当前在线人数：<em>217,072,710</em></a>
                </div>
            </div>
        </div>
    </div>
    <!--   topbar   部分   end   -->


    <!--   crossbanner   部分   start   -->
    <div class="crossbanner wrap">
        <ul id="crossbanner">
            <li class="mbqqbg" >
                <div class="bncont">
                    <div class="bntxt">
                        <h2>精彩·附近 时刻发现身边趣人趣事</h2>
                        <!--<a class="mobileqq" href="#" target="_blank">下载</a>-->
                    </div>
                </div>
            </li>
            <li class="pcqqbg">
                <div class="bncont">
                    <div class="bntxt">
                        <h2>QQ pc版7.7 全新视觉，更新、更薄、更高效</h2>
                        <a class="bnxz" href="#" target="_blank">下载</a>
                    </div>
                </div>
            </li>
        </ul>
        <!--<div class="circle">-->
            <!--<span class="on" id="li_mbqqbg">&nbsp</span>-->
            <!--<span id="li_pcqqbg">&nbsp</span>-->
        <!--</div>-->
    </div>
    <!--   crossbanner   部分   end   -->


    <!--   content   部分   start   -->
    <div class="g-content w">
        <div class="g-content-left">
            <a href="javascript:;">
                <img src="images/pctab.png" />
            </a>
            <h2>
                <b>
                    <a href="javascript:;">QQ pc版</a>
                </b>
                <em>8.3</em>
            </h2>
            <div class="g-content-left-ul">
                <ul>
                    <li>- 文件共享，便捷分享本地文件</li>
                    <li>- 群聊通话管理，有序发言，掌控全场</li>
                    <li>- 团队通讯录，快速查看群成员电话</li>
                </ul>
            </div>
            <div class="gbtn">
                <em>2016-05-12</em>
                <a href="javascript:;">
                    <img src="images/btn_icon_pc.png" />&nbsp;
                    <span>下载</span>
                </a>
            </div>
        </div>
        <div class="g-content-center">
            <a href="javascript:;">
                <img src="images/mbtab.png"/>
            </a>
            <h2>
                <b>
                    <a href="javascript:;">QQ 手机版</a>
                </b>
                <em>
                    <span id="span-one">Android6.3.7</span>&nbsp;&nbsp;&nbsp;&nbsp;
                    <img class="img1" src="images/newicon.png" alt=""/>
                    <span id="span-two">/ iPhone6.3.5</span>
                    <img class="img2" src="images/newicon.png" alt=""/>
                </em>
            </h2>
            <div class="g-content-center-ul">
                <ul>
                    <li>- 发送视频对讲后可自动保存，生成专属表情包</li>
                    <li>- 推荐你可能认识的人，发现更多新朋友</li>
                    <li>- 多条消息被合并转发后，可再次转发</li>
                    <li>- 口令红包消息超过十二条时，可自动折叠</li>
                </ul>
            </div>
            <div>
                <div class="gbtn" id="gbtn-new">
                    <em>2016-05-12</em>
                    <a id="gbtn-one" href="javascript:;">
                        <img src="images/btn_icon_and.png" />&nbsp;
                        <span>下载</span>
                    </a>
                    <div class="gbtn-down hide">
                        <a href="javascript:;">本地下载</a>
                        <a href="javascript:;">应用宝下载</a>
                        <a href="javascript:;">91助手下载</a>

                    </div>
                </div>
                <div class="gbtn">
                    <em>2016-05-12</em>
                    <a id="gbtn-two" href="javascript:;">
                        <img src="images/btn_icon_ios.png" />&nbsp;
                        <span>下载</span>
                    </a>
                </div>
            </div>
        </div>
        <div class="g-content-right">
            <a href="javascript:;">
                <img src="images/padtab51.png"/>
            </a>
            <h2>
                <b>
                    <a href="javascript:;">QQ pad版</a>
                </b>
                <em>
                    <span id="span-san">Android5.7</span>&nbsp;&nbsp;&nbsp;
                    <img class="img1" src="images/newicon.png" alt=""/>
                    <span id="span-si">/ iPhone5.5.2</span>
                </em>
            </h2>
            <div class="g-content-right-ul">
                <ul class="g-content-right-ul-one show">
                    <li>- 消息弹窗抢红包，快人一步手气好</li>
                    <li>- 音乐插件小工具，听着歌儿更嗨聊</li>
                    <li>- 小说动漫新频道，热门新番随你挑</li>
                    <li>- 聊天背景自定义，个性QQ我就要</li>
                </ul>
                <ul class="g-content-right-ul-two hide">
                    <li>- 视频通话美颜，展现最美的你 </li>
                    <li>- 多路视频通话，一起来秀</li>
                    <li>- 收藏功能，多端同步</li>
                </ul>
            </div>
            <div>
                <div class="gbtn">
                    <em>2016-01-28</em>
                    <a id="gbtn-san" href="javascript:;">
                        <img src="images/btn_icon_and.png" />&nbsp;
                        <span>下载</span>
                    </a>
                </div>
                <div class="gbtn">
                    <em>2015-12-19</em>
                    <a id="gbtn-si" href="javascript:;">
                        <img src="images/btn_icon_ios.png" />&nbsp;
                        <span>下载</span>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <script>
        $(function(){
            $("#gbtn-new").mouseenter(function(){
                $(".gbtn-down").show();
                $("#span-one").css("color","black");
            });
            $("#gbtn-new").mouseleave(function(){
                $(".gbtn-down").hide();
                $("#span-one").css("color","#666");
            });

            $("#gbtn-two").mouseenter(function(){
                $("#span-two").css("color","black");
            });
            $("#gbtn-two").mouseleave(function(){
                $("#span-two").css("color","#666");
            });

            $("#gbtn-san").mouseenter(function(){
                $("#span-san").css("color","black");
                $(".g-content-right-ul-one").show();
                $(".g-content-right-ul-two").hide();
            });
            $("#gbtn-san").mouseleave(function(){
                $("#span-san").css("color","#666");
            });

            $("#gbtn-si").mouseenter(function(){
                $("#span-si").css("color","black");
                $(".g-content-right-ul-one").hide();
                $(".g-content-right-ul-two").show();
            });
            $("#gbtn-si").mouseleave(function(){
                $("#span-si").css("color","#666");

            });



        });
    </script>

    <!--   content   部分   end  -->


    <!--   other   部分   start   -->
    <div class="g-other w">
        <div class="g-other-top">
            <h2>其他产品</h2>
        </div>
        <div class="g-other-bottom clearfix">
            <ul>
                <li>
                    <div class="prolist-ios fl">
                        <h2>
                            <strong>
                                <a href="javascript:;">QQ Mac版</a>
                            </strong>
                            <em>2016-01-19</em>
                        </h2>
                        <p>静一些，近一点。</p>
                        
                    </div>
                    <div class="prolist-ios-bottom">
                        <a class = "prolist-ios-right" href="javascript:;">下载</a>
                    </div>
                </li>
                <li>
                    <div class="prolist-qq fl">
                        <h2>
                            <strong>
                                <a href="javascript:;">QQ国际 Pc版</a>
                            </strong>
                            <em>2014-01-22</em>
                        </h2>
                        <p>跨语言沟通无障碍。</p>

                    </div>
                    <div class="prolist-qq-bottom">
                        <a class = "prolist-qq-right" href="javascript:;">下载</a>
                    </div>
                </li>
                <li>
                    <div class="prolist-ios fl">
                        <h2>
                            <strong>
                                <a href="javascript:;">QQ国际iPhone版</a>
                            </strong>
                            <em>2014-04-18</em>
                        </h2>
                        <p>沟通无国界，沟通就在你身边。</p>

                    </div>
                    <div class="prolist-ios-bottom">
                        <a class = "prolist-ios-right" href="javascript:;">下载</a>
                    </div>
                </li>
                <li>
                    <div class="prolist-and fl">
                        <h2>
                            <strong>
                                <a href="javascript:;">QQ国际Android版</a>
                            </strong>
                            <em>2014-07-07</em>
                        </h2>
                        <p>全球通话，祝您好友遍天下。</p>

                    </div>
                    <div class="prolist-and-bottom">
                        <a class = "prolist-and-right" href="javascript:;">下载</a>
                    </div>
                </li>
                <li>
                    <div class="prolist-qq fl">
                        <h2>
                            <strong>
                                <a href="javascript:;">QQ轻聊PC版</a>
                            </strong>
                            <em>2015-12-01</em>
                        </h2>
                        <p>轻快简洁，高效沟通。</p>

                    </div>
                    <div class="prolist-qq-bottom">
                        <a class = "prolist-qq-right" href="javascript:;">下载</a>
                    </div>
                </li>
                <li>
                    <div class="prolist-qq fl">
                        <h2>
                            <strong>
                                <a href="javascript:;">QQ轻聊Android版</a>
                            </strong>
                            <em>2016-04-18</em>
                        </h2>
                        <p> 超小安装包，省内存，聊天更畅快！</p>

                    </div>
                    <div class="prolist-qq-bottom">
                        <a class = "prolist-qq-right" href="javascript:;">下载</a>
                    </div>
                </li>
                <li>
                    <div class="prolist-wp fl">
                        <h2>
                            <strong>
                                <a href="javascript:;">QQ Windows Phone版</a>
                            </strong>
                            <em>2015-06-12</em>
                        </h2>
                        <p>Light设计，轻快简洁。</p>
                    </div>
                    <div class="prolist-wp-bottom">
                        <a class = "prolist-wp-right" href="javascript:;">下载</a>
                    </div>
                </li>
                <li>
                    <div class="prolist-wp fl">
                        <h2>
                            <strong>
                                <a href="javascript:;">QQ Windows Pad版</a>
                            </strong>
                            <em>2015-06-12</em>
                        </h2>
                        <p>全新版本，轻快、简洁、个性化！</p>
                    </div>
                    <div class="prolist-wp-bottom">
                        <a class = "prolist-wp-right" href="javascript:;">下载</a>
                    </div>
                </li>
            </ul>
        </div>
    </div>

    <!--   other   部分   start   -->


    <!--   more   部分   start   -->
    <div class="g-more w">
        <div class="g-more-top">
            <h2>更多下载</h2>
        </div>
        <div class="g-more-bottom">
            <ul>
                <li>
                    <div class="proname">
                        <h3>
                            <a href="javascript:;">TM2013</a>
                        </h3>
                    </div>
                    <a href="">下载</a>
                    <p>2014-10-16</p>
                </li>
                <li>
                    <div class="proname">
                        <h3>
                            <a href="javascript:;">QQ S60V5版</a>
                        </h3>

                    </div>
                    <a href="">下载</a>
                    <p>2013-08-06</p>
                </li>
                <li>
                    <div class="proname">
                        <h3>
                            <a href="javascript:;">QQ语音S60V3版</a>
                        </h3>

                    </div>
                    <a href="">下载</a>
                    <p>2013-09-12</p>
                </li>
                <li>
                    <div class="proname">
                        <h3>
                            <a href="javascript:;">QQ S60V3版</a>
                        </h3>

                    </div>
                    <a href="">下载</a>
                    <p>2013-06-04</p>
                </li>
                <li>
                    <div class="proname">
                        <h3>
                            <a href="javascript:;">QQ BlackBerry版</a>
                        </h3>

                    </div>
                    <a href="">下载</a>
                    <p>2012-02-29</p>
                </li>
                <li>
                    <div class="proname">
                        <h3>
                            <a href="javascript:;">QQ 收藏助手</a>
                        </h3>

                    </div>
                    <a href="">下载</a>
                    <p>2014-12-10</p>
                </li>
                <li>
                    <div class="proname">
                        <h3>
                            <a href="javascript:;">Smart QQ</a>
                        </h3>

                    </div>
                    <a href="">打开</a>
                    <p>无须下载，打开网页直接聊天</p>
                </li>
            </ul>
        </div>
    </div>
    <!--   more   部分   end   -->


    <!--   footer   部分   start   -->
    <div class="footer">
        <div class="qmaps w">
            <div class="plats">
                <h3>了解热门产品</h3>
                <a href="#" class="mobile">QQ 手机版</a>
                <a href="#" class="pc">QQ PC版</a>
                <a href="#" class="mac">QQ Mac版</a>
                <a href="#" class="pad">QQ Pad版</a>
            </div>
            <dl class="Q_safe">
                <dt>QQ安全</dt>
                <dd><a href="#">安全中心</a></dd>
                <dd><a href="#">冻结帐号</a></dd>
                <dd><a href="#">举报恶意行为</a></dd>
                <dd><a href="#">恢复好友和群</a></dd>
            </dl>
            <dl class="Q_help">
                <dt>帮助反馈</dt>
                <dd><a href="#">腾讯客服</a></dd>
                <dd><a href="#">反馈问题</a></dd>
                <dd><a href="#">腾讯微博</a></dd>
                <dd><a href="#">新浪微博</a></dd>
            </dl>
            <dl class="Q_link">
                <dt>友情链接</dt>
                <dd><a href="#">兴趣部落</a></dd>
                <dd><a href="#">QQ群</a></dd>
                <dd><a href="#">QQ音乐</a></dd>
                <dd><a href="#">QQ浏览器</a></dd>
                <dd><a href="#">来电</a></dd>
                <dd><a href="#">腾讯视频</a></dd>
                <dd><a href="#">腾讯体验中心</a></dd>
                <dd><a href="#">腾讯电脑管家</a></dd>
            </dl>
        </div>


        <div class="copyright">
            <p>Copyright &copy; 1998-<script>document.write((new Date()).getFullYear());</script> Tencent. All Rights Reserved.</p>
            <p>腾讯公司 版权所有</p>
        </div>

    </div>
    <!--   footer   部分   end   -->

    <script>
        //topNav  单击鼠标  改变当前状态
        var topNav = document.getElementById("topNav");
        var lists = topNav.children;
        for(var i = 0; i < lists.length; i++) {
            var li = lists[i];
            li.onclick = function() {
                for(var i = 0; i < lists.length; i++) {
                    var li = lists[i];
                    li.removeAttribute("class");
                }
                this.className = "current";
            }
        }
        //鼠标放上  改变当前状态  移除其他状态   鼠标离开 回到初始状态
        for(var i = 0; i < lists.length; i++) {
            var li = lists[i];
            li.onmouseover = function() {
                for(var i = 0; i < lists.length; i++) {
                    var li = lists[i];
                    li.removeAttribute("class");
                }
                this.className = "current";
            }
            li.onmouseout = function() {
                for(var i = 0; i < lists.length; i++) {
                    var li = lists[i];
                    li.removeAttribute("class");
                }
                this.className = "current";
            }
        }
    </script>
</body>
</html>